<!DOCTYPE html>
<html lang="zh-Hans">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>首页</title>
    <link type="text/css" rel="stylesheet" href="./zbdui/src/ui/ui.css">
    <link type="text/css" rel="stylesheet" href="./zbdui/src/css/style.css">
</head>
<body>
	<div class="hedFixed">
		<div class="zbd-page-top">
			<div class="page">
				<div class="zbd-page-top-date left">2022 年 3 月 16 日  星期三</div>
				<div class="zbd-page-top-right-nav right">
					<a href="" class="small black">网站地图</a>
					<a href="" class="small black">赞助</a>
					<a href="" class="small black">帮助中心</a>
					<a href="" class="small black bold">登录/注册</a>
				</div>
			</div>
		</div>

		<div class="zbd-header">
			<div class="page">
				<div class="row">
				    <div class="w3 text-center">
				    	<div class="nav-logo zbd-mtop41">
				    		<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/coder/source/coderutil.png" title="ICEUI前端框架" alt="Logo"/>
				    			<!-- <span>程序员的收藏夹</span> -->
				    	</div>
				    </div>
				    <div class="w9">
				    	<div class="zbd-nav">
				    		<a href="" class="zbd-mr20 tophover">开发导航</a>
				    		<a href="" class="zbd-mr20">开源项目</a>
				    		<a href="" class="zbd-mr20">免费API</a>
				    		<a href="" class="zbd-mr20">技术分享</a>
				    		<a href="" class="zbd-mr20">软件下载</a>
				    	</div>

				    	<div class="zbd-input">
				    		<div class="zbd-input-map cursor-pointer">
				    			<select class="selects">
								    <option value="1">站内</option>
								    <option value="2">百度</option>
								    <option value="3">Google</option>
								    <option value="4">GitHub</option>
								    <option value="5">CSDN</option>
								    <option value="5">简书</option>
								    <option value="5">知乎</option>
								</select>
								<i class="icon ice-arrow-triangle-b jts"></i>
							</div>
				    		<div class="zbd-input-shuru">
				    			<input class="zbd-search-input" id="search-input" placeholder="助力程序员编程提供高效收索">
				    		</div>
				    		<div class="zbd-input-btn cursor-pointer">搜索</div>
				    	</div>

				    	<div class="zbd-ad">
				    		<a href="#" class="wenzi">新人指南</a>
				    		<a href="#" class="wenzi">阿里云服务器</a>
				    	</div>
				    </div>
				</div>
			</div>
		</div>
	</div>

	<div class="zbd-content mtop180" >
		<div class="zbd-left-menu">
			<a href="#技术社区" class="small block">常用工具</a>
			<a href="#技术社区" class="small block">技术社区</a>
			<a href="#技术社区" class="small block">摸鱼专区</a>
			<a href="#技术社区" class="small block">学习平台</a>
			<a href="#技术社区" class="small block">协同工作</a>
			<a href="#技术社区" class="small block">头部社区</a>
			<a href="#技术社区" class="small block">资源推荐</a>
			<a href="#技术社区" class="small block">图片专区</a>
			<a href="#技术社区" class="small block">视频专区</a>
			<a href="#技术社区" class="small block">站长工具</a>
			<a href="#技术社区" class="small block">其他工具</a>
		</div>
		
		<!-- 顶部标签 -->
		<div class="page">
			<div class="p15 zbd-ad-title mb15">
				<a href="javascript:;" class="small black a-line left mr20 ml20 bold">热门常用:</a>
				<a href="#" class="small black a-line left mr30">百度</a>
				<a href="#" class="small black a-line left mr30">Google</a>
				<a href="#" class="small black a-line left mr30">汉译英</a>
				<a href="#" class="small black a-line left mr30">CSDN</a>
				<a href="#" class="small black a-line left mr30">GitHub</a>
				<a href="#" class="small black a-line left mr30">掘金</a>
				<a href="#" class="small black a-line left mr30">书栈网</a>
				<a href="#" class="small black a-line left mr30">知乎</a>
				<a href="#" class="small black a-line left mr30">简书</a>
				<a href="#" class="small black a-line left mr30">博客园</a>
				<a href="#" class="small black a-line left mr30">Boss直聘</a>
				<a href="#" class="small black a-line left mr30">B站</a>
				<a href="#" class="small black a-line left mr30">极客</a>
			</div>

			<div class="mb20 pl20 pt20 pr15 zbd-ad-title">
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="http://coderutil.oss-cn-beijing.aliyuncs.com/bbs-image/file_92798d8d9ee14e128b1203c412d526a3.png" class="small-tool-icon">零代码
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://www.bejson.com/static/bejson/img/logo.png" class="small-tool-icon">JSON格式化
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/er.png" class="small-tool-icon">Cron表达式
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://www.cmd5.com/favicon.ico" class="small-tool-icon">MD5
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/timestamp.png" class="small-tool-icon">时间戳转换
				</a>
				
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/base64.png" class="small-tool-icon">base64编码
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="http://coderutil.oss-cn-beijing.aliyuncs.com/bbs-image/file_92798d8d9ee14e128b1203c412d526a3.png" class="small-tool-icon">零代码
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://www.bejson.com/static/bejson/img/logo.png" class="small-tool-icon">JSON格式化
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/er.png" class="small-tool-icon">Cron表达式
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://www.cmd5.com/favicon.ico" class="small-tool-icon">MD5
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/timestamp.png" class="small-tool-icon">时间戳转换
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/oschina.ico" class="small-tool-icon">正则表达式
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/redhat.png" class="small-tool-icon">Linux命令
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/jQuery.ico" class="small-tool-icon">jQuery 速查表
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/dx.png" class="small-tool-icon">数字大写转换器
				</a>
				<a href="#" class="left mr20 zbd-bg mb15">
					<img src="https://qiqihao.oss-cn-beijing.aliyuncs.com/static/coderutil/icon/base64.png" class="small-tool-icon">base64编码
				</a>
			</div>
		</div>

		<!-- 左右分裂 -->
		<div class="page">
			<div class="row">
				<div class="w3">
					<div class="box yy">
						<div class="box-title icon ice-custom-service">
							<div class="left bold">最新收录开源项目</div>
						</div>
						<div class="box-content">
							<ul class="list1">
								<li class="list-item">
									<div class="list-round bg-red"></div>
									<div class="list-title el"><a href="#" class="black">管理员ICE刚刚登录本后台管理员ICE刚刚登录本后台管理员ICE刚刚登录本后台</a></div>
									<div class="list-desc">JavaScript</div>
									<div class="list-time">2022-03-17</div>
								</li>
								<li class="list-item">
									<div class="list-round bg-orange"></div>
									<div class="list-title">今日新增14篇文章</div>
									<div class="list-time">2小时前</div>
								</li>
								<li class="list-item">
									<div class="list-round bg-green"></div>
									<div class="list-title">新注册1位用户</div>
									<div class="list-time">4小时前</div>
								</li>
								<li class="list-item">
									<div class="list-round"></div>
									<div class="list-title">删除1篇文章</div>
									<div class="list-time">1天前</div>
								</li>
								<li class="list-item">
									<div class="list-round"></div>
									<div class="list-title">查询数据</div>
									<div class="list-time">2天前</div>
								</li>
							</ul>
						</div>
					</div>

					<div class="box yy">
						<div class="box-title">
							<div class="left bold">控制面板</div>
						</div>
						<div class="box-content">
							<ul class="list">
								<li class="list-item">
									<div class="list-round bg-red"></div>
									<div class="list-title">ICEUI最好的唯美简约设计<span class="tag bg-red">最新</span></div>
								</li>
								<li class="list-item">
									<div class="list-round bg-orange"></div>
									<div class="list-title">ICEUI最好的唯美简约设计<span class="tag bg-orange">推荐</span></div>
									<div class="list-time">2019-05-20</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="w9">
					<!-- <div class="mb15 p10 yy">
						<div class="row">
							<div class="w2">
								<div class="creator-center-card">
									<img src="http://coderutil.oss-cn-beijing.aliyuncs.com/bbs-image/file_e139fb309da04298b5a155e2a8cac81d.png" class="web-page-module-link-card-icon">
									<p class="web-page-module-link-card-title creator-center-title"><b>订阅号</b></p>
								</div>
							</div>

							<div class="w2">
								<div class="creator-center-card">
									<img src="http://coderutil.oss-cn-beijing.aliyuncs.com/bbs-image/file_e139fb309da04298b5a155e2a8cac81d.png" class="web-page-module-link-card-icon">
									<p class="web-page-module-link-card-title creator-center-title"><b>订阅号</b></p>
								</div>
							</div>
						</div>
					</div> -->
					<div class="box yy">
						<div class="box-title">
							<div class="left">技术社区</div>
							<div class="right"><div class="icon-arrow-r"><span></span></div></div>
						</div>
						<div class="box-content">
							<div class="row">
								<div class="w3 mb15">
									<a href="#">
										<div class="zbd-items">
											<div class="zbd-li"><img class="zbd-icon" src="http://www.cxysite.com/static/img/ltzx/juejin.png" /> 掘金</div>
											<p class="zbd-desc el">一个帮助开发者成长的社区一个帮助开发者成长的社区</p>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="zbd-footer">
		<div class="page">
			<div class="row">
			    <div class="w3">dadas</div>
			    <div class="w2">
			    	<dl>
			    		<dt class="zbd-title-l">产品</dt>
			    		<dd><a href="#" class="small btwenz ml10 a-line">免费API</a></dd>
			    		<dd><a href="#" class="small btwenz ml10 a-line">开发者导航</a></dd>
			    	</dl>
			    </div>
			    <div class="w2">
			    	<dl>
			    		<dt class="zbd-title-l">支持</dt>
			    		<dd><a href="#" class="small btwenz ml10 a-line">帮助中心</a></dd>
			    		<dd><a href="#" class="small btwenz ml10 a-line">最新动态</a></dd>
			    		<dd><a href="#" class="small btwenz ml10 a-line">产品更新日志</a></dd>
			    		<dd><a href="#" class="small btwenz ml10 a-line">商务合作</a></dd>
			    	</dl>
			    </div>
			    <div class="w2">
			    	<dl>
			    		<dt class="zbd-title-l">关于我们</dt>
			    		<dd><a href="#" class="small btwenz ml10 a-line">联系我们</a></dd>
			    		<dd><a href="#" class="small btwenz ml10 a-line">意见反馈</a></dd>
			    		<dd><a href="#" class="small btwenz ml10 a-line">申请收录</a></dd>
			    		<dd><a href="#" class="small btwenz ml10 a-line">商务合作</a></dd>
			    	</dl>
			    </div>
			    <div class="w3">dadas</div>
			</div>
		</div>
		<div class="banquan">© 2022 <a class="a-line">东说微言</a> 提供技术支持 | 粤ICP备 16087546号  浙公网安备 33011016087546号</div>
	</div>
</body>
<script src="./zbdui/src/ice.js"></script>
<script src="./zbdui/src/ui/ui.js"></script>
<script type="text/javascript">
	// var scroll = ice.scroll()
	// if(scroll.y >= 200){
	// 	alert(scroll.y)
	// }
</script>
</html>